<template>
    <div>
      <!-- 插槽 默认 具名 作用域 可以相当于我我们的组件传值 -->
      <!-- <comchild>
        <p>默认插槽</p>
      </comchild>
      <comchild>
        <template slot="name1">
          <p>具名插槽</p>
          <h1>具名插槽</h1>
        </template>
      </comchild> -->
  
      <comchild>
        <!-- 作用域 scope 可以接收全部传过来的值，子组件里面不止一个插槽并且如果传过来的是数组，就不能用[]去拿值，但是可以通过v-for拿值-->
        <!-- <template scope="obj111">{{ obj111.obj }}</template> -->
  
        <!-- 直接拿到数组中的对象要只留一个插槽才可以传值 -->
        <template scope="{obj}">作用域{{ obj[0].name }}</template>
  
        <!-- <template scope="obj">
          <div v-for="item in obj.obj" :key="item.name">{{ item.name }}</div>
        </template> -->
  
        <!-- #名字/v-slot：名字  可以--对应传过来的值 -->
        <!-- <template #w1="obj11">作用域1{{ obj11.obj }}</template>
        <template v-slot:w2="obj">作用域2{{ obj.data }}</template> -->
  
  
  
  
      </comchild>
  
  
    </div>
  </template>
  
  <script>
  export default {
    data() {
      return {
  
      }
    }
  }
  </script>
  
  <style scoped></style>